<template>
  <div class="page-content">
      <header class="bar bar-nav">
        <h1 class="title">首页</h1>
      </header>
      
      <div class="content" data-toggle="scroller" data-type="auto">
      	<transition name="fade" mode="out-in">
      	<router-view></router-view>
      </transition>
      </div>

      <MenuBar></MenuBar>

  </div>
</template>


<script>
import MenuBar from './components/MenuBar.vue'

export default {
  name: 'app',
    data () {
        return {
        }
    },
    components:{
    	MenuBar
    }
   
}
</script>

<style lang="less">
@import 'assets/css/reset.less';
@import 'assets/css/common.less';
header.bar{background: #fff;line-height: 0.5rem;
  h1{font-size: 0.18rem;text-align: center;}
}



</style>
